import { Switch,Route,Redirect } from 'react-router-dom';
// 函数组件: 在页面中通过循环遍历的方式创建Route路由规则组件
// routes: 路由规则数据
function RouterView(props){
    return <Switch>
         {
            props.routes.map((item,index)=>{
                if(item.component){ // 普通路由规则
                    return <Route key={index} exact={item.exact} path={item.path} component={item.component}/>
                }else{      // 路由重定向
                    return <Route key={index} exact={item.exact} path={item.path}>
                            <Redirect to={item.to}/>
                            </Route>
                }
            })
         }
    </Switch>
}

export default RouterView;